<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本缩进</title>
    <style>
        p {
            font-size: 24px;
            /* 文本的第一行首行缩进 多少距离 */
            /* text-indent: 20px; */
            /* 如果此时写了2em 则是缩进当前元素 2个文字大小的距离 */
            text-indent: 2em;
        }
    </style>
</head>
<body>
    <p>余闻汝有狂人之名，闻其名已久，亦欲一见，会汝于世。余以听闻知汝，言辞激烈，亦不敢有损于汝。兹有彼者，人皆知其言不谬，人皆以彼为狂人。彼之狂，非出于非类之狂，而出于真理之狂。彼之言，非徒发于声，而发于肺腑。</p>
    <h2>译文：</h2>
    <p>我听说你被称为“狂人”，虽然已经听说了你的名字，也有很久没有见到你了。我听说你在世间很有名，我也想要见你一面。我听说你的言辞很激烈，但我也不敢有任何冒犯你的地方。现在有了你，人们都知道你的话是不荒谬的，人们都认为你是个狂人。</p>
    <p>你的狂妄，并不是出于与常人不同的狂妄，而是出于真理的狂妄。你的话，不仅仅是从口中说出，而是从肺腑中发出的。</p>
</body>
</html>